import * as echarts from 'echarts';
export const option3 = {
   //你的代码
   backgroundColor:'#030e2f',
   tooltip: {
       trigger: 'axis',
       axisPointer: {
           type: 'shadow'
       }
   },
   // legend写为数组可以给一些给某些组分配一些不一样的样式
   legend: [
      {
          data: [
      
              { name: '发送宽带使用率', icon: 'circle' }
          ],
          top:'0',
          left: '0%',
          itemWidth: 10,
          itemHeight: 10,
          textStyle: {
              color: '#C6D1DB',
          },
      },
      {
          data: [
              { name: '接受宽带使用率', icon: 'circle' },
        
          ],
          top: '0',
          right: '0%',
          itemWidth: 10,
          itemHeight: 10,
          textStyle: {
              color: '#C6D1DB',
          },
      }
   ],
   xAxis: [
      {
         type: 'value',
         inverse: true,
        //  name: '赔付'+'\n'+'金额'+'\n' + '(万元)',
         axisLine: { 
             lineStyle: {
                 color: '#C6D1DB', 
                 fontSize: '12px',
             }
         },
         axisLabel: { 
             color: '#C6D1DB',
             fontSize: '13px',
         },
         splitLine: {
             show: true,
             lineStyle: {
                 color: '#4866ca',
                 width: 0.6,
                 type: 'dashed' // 设置分割线为虚线
             },
         },
      },
      {
         type: 'value',
         inverse: false,
         gridIndex: 1,
         name: '发送宽带使用率',
         axisLine: { 
             lineStyle: {
                 color: '#C6D1DB',
                 fontSize: '12px'
             }
         },
         axisLabel: { 
             color: '#C6D1DB', 
             fontSize: '13px'
         },
         splitLine: {
            show: true,
            lineStyle: {
                 color: '#4866ca',
                 width: 0.6,
                 type: 'dashed' // 设置分割线为虚线
            },
         },
      },
   ],
   yAxis: [
      {
         position: 'right',
         data: ['总部联通', '总部联通2', '总部联通3', '总部联通4', '总部联通5', '总部联通6', '总部联通7','总部联通8'],
         type: 'category',
         axisLabel: { 
             show: true ,
             textStyle: {
                 color: '#C6D1DB',
                 
             },
         },
         axisLine: { 
             show: false ,
             // lineStyle: {
             //     color: '#C6D1DB'
             // }
         },
         axisTick: { show: false },
         inverse: true,
      },
      {
          type: 'category',
          data: ['0-9', '10-18', '19-27', '28-36', '36-45', '46-54', '55-63','63以上'],
          axisLabel: { color: 'transparent' },
          axisLine: { 
              show: false,
              // lineStyle: {
              //     color: '#C6D1DB',
              // } 
          },
          axisTick: { show: false },
          inverse: true,
          gridIndex: 1,
      },
   ],
   grid: [
       {
           top: '8%',
           left: '10%',
           bottom:'10%',
           width: '35%',
           // containLabel: true,
       },
       {
           top: '8%',
           left: '55%',
           bottom: '10%',
           width: '35%'
           // containLabel: true,
       },
   ],
   series:[
      {
          name: '赔付金额(男)',
          type: 'bar',
          barWidth: '30%', // 设置柱状图的宽度
          barGap: '40%',
          label: {
              show: true,
              position: 'inside',
          },
          // data: [30, 35, 20, 15, 10, 8, 30,11],
          itemStyle: {
              // 使用线性渐变颜色
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0,
                  color: '#3167ef' // 起始颜色
              }, {
                  offset: 1,
                  color: '#19335a' // 结束颜色
              }])
          },
          
        //   label: {
        //       show: true,
        //       position: 'left',
        //       color: 'white'
        //   },
      },
      {
          name: '发送宽带使用率',
          type: 'bar',
          barWidth: '30%', // 设置柱状图的宽度
          barGap: '40%',
          label: {
              show: true,
              position: 'inside',
          },
          data: [30, 35, 20, 15, 10, 8, 30,11],
          
          itemStyle: {
              // 使用线性渐变颜色
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0,
                  color: '#32d7f7' // 起始颜色
              }, {
                  offset: 1,
                  color: '#0d3056' // 结束颜色
              }])
          },
        //   label: {
        //       show: true,
        //       position: 'left',
        //       color: 'white'
        //   },
      },
      {
          yAxisIndex: 1,
          xAxisIndex: 1,
          name: '接受宽带使用率',
          type: 'bar',
          barWidth: '30%', // 设置柱状图的宽度
          barGap: '40%',
          label: {
              show: true,
              position: 'inside',
          },
          data: [40, 40, 40, 40, 40, 37, 40,40],
          
          itemStyle: {
              // 使用线性渐变颜色
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0,
                  color: '#3167ef' // 起始颜色
              }, {
                  offset: 1,
                  color: '#19335a' // 结束颜色
              }])
          },
        //   label: {
        //       show: true,
        //       position: 'right',
        //       color: 'white'
        //   },
      },
      {
          yAxisIndex: 1,
          xAxisIndex: 1,
          name: '赔付案件量(女)',
          type: 'bar',
          barWidth: '30%', // 设置柱状图的宽度
          barGap: '40%',
          label: {
              show: true,
              position: 'inside',
          },
          // data: [5, 20, 36, 10, 10, 20, 4,54],
          // itemStyle: {
          //     // 使用线性渐变颜色
          //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
          //         offset: 0,
          //         color: '#F8E71C' // 起始颜色
          //     }, {
          //         offset: 1,
          //         color: '#19335a' // 结束颜色
          //     }])
          // },
          itemStyle: {
              // 使用线性渐变颜色
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0,
                  color: '#32d7f7' // 起始颜色
              }, {
                  offset: 1,
                  color: '#0d3056' // 结束颜色
              }])
          },
        //   label: {
        //       show: true,
        //       position: 'right',
        //       color: 'white'
        //   },
      },
   ]
};